<!DOCTYPE HTML>
<html>
<head>
<title>About</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.0.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Treks Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--script-->
<script src="js/menu_jquery.js"></script>
</head>
<body>
<!--banner start here-->
<div class="banner-two">
  <div class="header">
	<div class="container">
		 <div class="header-main">
				<div class="logo">
					<h1><a href="index.html">Treks</a></h1>
				</div>
				<div class="header-right">
					<div class="head-top">
					<div class="top-nav-right">
						<div id="loginContainer"><a href="#" id="loginButton"><span>Login</span></a>
							    <div id="loginBox">                
							        <form id="loginForm">
							                <fieldset id="body">
							                	<fieldset>
							                          <label for="email">Email Address</label>
							                          <input type="text" id="email">
							                    </fieldset>
							                    <fieldset>
							                            <label for="password">Password</label>
							                            <input type="password" id="password">
							                     </fieldset>
							                    <input type="submit" id="login" value="Sign in">
							                	<label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember me</i></label>
							            	</fieldset>
							            <span><a href="#">Forgot your password?</a></span>
								 </form>
					        </div>
					</div>
			         <div class="clearfix"> </div>
				   </div>
				   <div class="ph-numb"><h4>Ph:+1285 656 5555</h4></div>
				 </div>
				 <div class="top-nav">
					<span class="menu"> <img src="images/icon.png" alt=""/></span>
					<ul class="res" >
					    <li><a href="index.html" class="active hvr-sweep-to-bottom">Home</a></li> 
						<li><a class="hvr-sweep-to-bottom" href="about.html">About</a></li>  
						<li><a class="hvr-sweep-to-bottom" href="typo.html">Typo</a></li>
						<li><a class="hvr-sweep-to-bottom" href="gallery.html">Gallery</a></li> 
						<li><a class="hvr-sweep-to-bottom" href="contact.html">Contact</a></li> 
					 </ul>
                        <div class="clearfix"> </div>
					<!-- script-for-menu -->
						 <script>
						   $( "span.menu" ).click(function() {
							 $( "ul.res" ).slideToggle( 300, function() {
							 // Animation complete.
							  });
							 });
						</script>
		        <!-- /script-for-menu -->
				</div>
		    </div>
		 <div class="clearfix"> </div>
	  </div>
	 </div>
 </div>
</div>
<!--banner start here-->
<!--about start here-->
<div class="about">
  <div class="container">
	  <div class="about-main">
	  	<div class="about-top">
	  		<h3>About Us</h3>
			<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti</p>
	  	</div>
	  	  <div class="abou-bott">
			<div class="col-md-5 about-left">
				<img src="images/ab.jpg" alt="" class="img-responsive">
			</div>
			<div class="col-md-7 about-right">
				<h4> Nam libero tempore, cum soluta nobis est eligendi</h4>
				<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus</p>
			</div>
		 <div class="clearfix"> </div>	
		  </div>
	  </div>
  </div>
</div>
<div class="feature">
	  <div class="container">
	  	<h3>Our Features</h3>
	  	<div class="feature-main">
	  		<div class="col-md-4 fact-grid">
	  			<div class="col-md-2 cord-drop">
	  				<span class="numbers">1</span>
	  			</div>
	  			 <div class="col-md-10 feature-text">
		  				<h4>There are variations passage</h4>
		  				<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain</p>
	  			 </div>	
	  		  <div class="clearfix"> </div>
	  		</div>
	  		<div class="col-md-4 fact-grid">
	  			<div class="col-md-2 cord-drop">
	  				<span class="numbers">2</span>
	  			</div>
	  			 <div class="col-md-10 feature-text">
		  				<h4>Neque quisquam dolorem ipsum</h4>
		  				<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain</p>
	  			 </div>	
	  		  <div class="clearfix"> </div>
	  		</div>
	  		<div class="col-md-4 fact-grid">
	  			<div class="col-md-2 cord-drop">
	  				<span class="numbers">3</span>
	  			</div>
	  			 <div class="col-md-10 feature-text">
		  				<h4>There are variations passage</h4>
		  				<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain</p>
	  			 </div>	
	  		  <div class="clearfix"> </div>
	  		</div>
	  		<div class="col-md-4 fact-grid">
	  			<div class="col-md-2 cord-drop">
	  				<span class="numbers">4</span>
	  			</div>
	  			 <div class="col-md-10 feature-text">
		  				<h4>Nor again there anyone love</h4>
		  				<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain</p>
	  			 </div>	
	  		  <div class="clearfix"> </div>
	  		</div>
	  		<div class="col-md-4 fact-grid">
	  			<div class="col-md-2 cord-drop">
	  				<span class="numbers">5</span>
	  			</div>
	  			 <div class="col-md-10 feature-text">
		  				<h4>Libero tempore soluta nobis</h4>
		  				<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain</p>
	  			 </div>	
	  		  <div class="clearfix"> </div>
	  		</div>
	  		<div class="col-md-4 fact-grid">
	  			<div class="col-md-2 cord-drop">
	  				<span class="numbers">6</span>
	  			</div>
	  			 <div class="col-md-10 feature-text">
		  				<h4>There are variations passage</h4>
		  				<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain</p>
	  			 </div>	
	  		  <div class="clearfix"> </div>
	  		</div>
	  		<div class="clearfix"> </div>
	  	</div>
	</div>
</div>
<div class="team-mem">
	<div class="container">
		<div class="team-main">
			<div class="team-top">
				<h3>Team</h3>
			</div>
			<div class="team-bott">
			<div class="col-md-3 team-grid">
				<a href="#" rel="title" class="mask">
					<img src="images/t1.jpg" alt="" class="img-responsive zoom-img">
				</a>
			</div>
			<div class="col-md-3 team-grid">
				<a href="#" rel="title" class="mask">
					<img src="images/t2.jpg" alt="" class="img-responsive zoom-img">
				</a>
			</div>
			<div class="col-md-3 team-grid">
				<a href="#" rel="title" class="mask">
					<img src="images/t3.jpg" alt="" class="img-responsive zoom-img">
				</a>
			</div>
			<div class="col-md-3 team-grid">
				<a href="#" rel="title" class="mask">
					<img src="images/t4.jpg" alt="" class="img-responsive zoom-img">
				</a>			
			</div>
		  <div class="clearfix"> </div>
		</div>
	 </div>
  </div>
</div>
<!--about end here-->
<!--footer star here-->
<div class="footer">
  <div class="container">
	  <div class="footer-main">
		<div class="footer-top">
			<div class="col-md-3 footer-news">
			<h5>Newsletter</h5>
			</div>
			<div class="col-md-9 ftr-email">
				<form>
					<input type="text" value="Enter email" onfocus="this.value='';" onblur="if (this.value == '') {this.value ='Enter email';}">
					<input type="submit" value="SUBSCRIBE" >
				</form>
			</div>
			<div class="clearfix"> </div>
		</div>
	  <div class="clearfix"> </div>
		</div>
		<div class="copyright">
				<p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
</p>
		</div>
	</div>
</div>
<!--footer end here-->
</body>
</html>